<!--这个是导航条!-->
<template>
  <div>
    <el-menu :default-active="activeIndex" mode="horizontal" active-text-color="#409EFF">
      <!--!logo-->
        <img src="//qqreader-site-1252317822.file.myqcloud.com/qq-pc/static/img/logo-nav.1cb9895.png" style="float: left;height: 40px;margin-top: 10px;margin-right: 50px">

      <!--!导航左边-->
        <template v-for="(item,index) in menuList">
          <el-menu-item v-if="!item.list" :index="index + '1'">{{ item.name }}</el-menu-item>
          <el-submenu v-else :index="index + ''">
            <template slot="title">{{ item.name }}</template>
            <el-menu-item :index="index + '-' + i" v-for="(j,i) in item.list" :key="i">{{ j.name }}</el-menu-item>
          </el-submenu>
        </template>

      <!--!搜索框-->
      <template>
        <seo/>
      </template>
    </el-menu>
  </div>
</template>

<script>
export default {
  name: "AddHead",
  //导航栏
  data() {
    return {
      input:"",
      centerDialogVisible: true,
      activeIndex: '1',
      menuList: [
        {
          name: "首页"
        },
        {
          name: "分类"

        },
        {
          name: "排行榜"
        },
        {
          name: "书架"
        },
        {
          name: "更多",
          list: [
            {
              name: "漫画区（搭建中）"
            },
            {
              name: "听书区（搭建中）"
            }
          ]
        },
        {
          name: "作家专区",
        },
        {
          name: "手机端",
        }
      ],

    };
  },
}
</script>

<style scoped>

</style>
